@()(implicit request: RequestHeader)
@main("XML转DAT")("exportDat") {

	<link rel="stylesheet" media="screen" href="@routes.Assets.at("zTree_v3/css/demo.css")">
	<link rel="stylesheet" media="screen" href="@routes.Assets.at("zTree_v3/css/zTreeStyle/zTreeStyle.css")">

	<style>

			.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
				background-color: white;
			}

			.form-horizontal .has-feedback .form-control-feedback {
				top: 0;
				right: -15px;
			}

	</style>

	<div class="page-content">

		<div class="page-bar">
			<ul class="page-breadcrumb">
				<li>
					<i class="fa fa-arrow-circle-right"></i>
					<span>XML转DAT</span>
				</li>
			</ul>
		</div>

		<div class="row-fluid">
			<div class="row">
				<div class="col-md-12 col-sm-12">
					<div class="portlet blue-dark box">
						<div class="portlet-title">
							<div class="caption">
								XML转DAT
							</div>
						</div>

						<div class="portlet-body" id="parentPanel">

							<form id="form" class="form-horizontal" accept-charset="UTF-8"
							method="post" style="margin-top: 30px;">

								<div class="col-sm-offset-2">
									<span class="error" style="line-height: 35px;">@request.flash.get("info")</span>
								</div>

								<div class="form-group">
									<label class="control-label col-sm-2">XML文件（*.xml）:</label>
									<div class="col-sm-8">
										<input type="file" class="file control-label" name="xmlFile"
										data-show-preview="false" accept=".xml"
										data-show-upload="false" >
										<span class="help-block"><a href="@routes.ToolController.downloadExampleData()?fileName=sample_info.xlsx"><em>
											示例数据</em></a></span>
									</div>
								</div>

								<div class="form-group" >
									<label class="control-label col-sm-2">试剂盒:</label>
									<div class="col-sm-3">
										<select class="form-control" name="kitName" >
											<option value="power" >PowerPlex 21</option>
											<option value="vers">VersaPlex 27PY</option>
											<option value="geno">GenoY41</option>
										</select>
									</div>
								</div>

								<div class="form-group form-horizontal">
									<div class="actions col-sm-offset-2 col-sm-2">
										<button type="button" class="btn btn-primary" style="width: 90%;" id="search" onclick="DatExport.myRun">
											开始运行</button>
									</div>
								</div>

							</form>


						</div>
					</div>
				</div>
			</div>
		</div>

	</div>

	<script>

			Tool.fileInput

			$(function () {
			    DatExport.init

			})


	</script>


}